@charset "UTF-8"; 

@media screen, projection {

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { font:inherit; }

/* GENERAL CLASSES */
.skip { position:absolute; top:-9999px; left:-9999px; font-size:1px; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

*::selection {
	background:#0000;
	color:#710A0A;
}

*::-moz-selection {
	background:#0000;
	color:#710A0A;
}

*::-webkit-selection {
	background:#0000;
	color:#710A0A;
}

/* GLOBAL WRAPPER */
body { margin-top:40px; padding:101px 0 30px; background:#d6d6d6 url(../img/dark-burst.jpg) no-repeat 0 0; font-family:calibri,helvetica,arial,sans-serif; font-size:15px; color:#003757; line-height:1.6em;/*20px*/ }

/* HEADER */
#header { float:left; width:25%; color:#717474; }
#header h1 { margin:-10px 0 40px; padding:0 0 0 40px; font-size:20px; text-transform:uppercase; color:#fff; } /* Change the top margin to move the logo vertically */
#header p { margin:0 20px 20px; padding-left:20px; }
#header p.address { background:url(../img/layout/icon-address.png) no-repeat 0 5px; }
#header p.phone   { background:url(../img/layout/icon-phone.png) no-repeat 0 5px; }
#header p.email   { background:url(../img/layout/icon-email.png) no-repeat 0 6px; }
#header a { color:inherit; text-decoration:none; }
#header a:hover { color:#a0a3a2; }

/* MAIN CONTENT WRAPPER */
#main { float:right; width:75%; }

/* NAVIGATION */
#main h2 { clear:both; margin:0 0 1px; padding:9px 0 10px 20px; height:20px; background:#1B1F23; color:#9EA3A9; font-size:20px; font-weight:bold; text-transform:uppercase; cursor:pointer;
border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px; }
#main h2:hover { background:#4C5157; color:white;}
#main h2.active { background:#d0d1d1; color:white; }

/* THREE COLUMN GRID SYSTEM */
.content { min-width:800px; max-width:1000px; padding:20px 0 20px 20px; }
.content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } /* clearfix */
.span-1, .span-2, .span-3 , .span-5, .span-4{ float:left; margin-right:5%; }
.span-1 { width:25%; }
.span-2 { width:65%; }
.span-3 { width:85%; }
.span-4 { width:50%; }
.span-5 { width:40%; }
.prefix-1 { margin-left:30%; }
.prefix-2 { margin-left:60%; }
.suffix-1 { margin-right:30%; }
.suffix-2 { margin-right:60%; }

/* CONTENT ELEMENTS */
.content h3 { clear:both; margin:0 0 10px; color:#2661AE; text-transform:uppercase; letter-spacing:0.02em; }
.content p { margin:0 0 20px; }
.content p.intro { margin:0 0 40px; padding:0 0 19px; border-bottom:1px solid #414645; font-family:baskerville,times,serif; font-size:20px; font-style:italic; color:#475157; letter-spacing:0.02em; word-spacing:0.04em; text-align:left; }
.content p.numero { margin:0 0 40px; padding:0 0 19px; border-bottom:1px solid #414645; line-height: 1.5em; font-family:baskerville,times,serif; font-size:12px; font-style:bold; color:#475157; letter-spacing:0.02em; word-spacing:0.04em; text-align:justify; }
.intro span {color:#710A0A;font-weight:bold;}
.content em { font-style:italic; }
.content strong { color:#d0d1d1; }
.content a { color:#97c00e; }
.content a strong { color:inherit; }
.content a:visited { color:#627d12; }
.content a:hover { text-decoration:none; }
.content ul { margin:0 0 20px ; list-style:square; }
.content ol { margin:0px 0px 0px 60px; list-style:circle; }
.content img { display:block; max-width:100%; }
.content img.left { float:left; margin:0 20px 20px 0; }
.content img.right { float:right; margin:0 0 20px 20px; }
.content img.center { margin-left:auto; margin-right:auto; }
.content blockquote { margin:0 0 20px; padding:0 0 0 40px; background:url(../img/layout/quote.png) no-repeat 0 0; font-style:italic; color:#717474; }
.content blockquote p { margin-bottom:10px; text-align:left; }
.content pre { margin-bottom:20px; background:#181f1e; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.content code { font-size:13px; color:#ccc; }
.logo  {background-color:white; padding:10px 10px 15px 10px; width:600px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.logo img{ margin-right:20px;}
.span-2 span.spanBleu {font-weight:bold;color:#0095f1;}
.span-4 span.spanBleu {font-weight:bold;color:#0095f1;}
.span-5 span.spanBleu {font-weight:bold;color:#0095f1;}
.span-1 table tr{ height:60px; vertical-align:top;}

/* CONTACT FORM */
#contactform .errorbox { display:none; margin:0 0 40px; font-weight:bold; color:#a00a09; }
.content input[type="text"], .content textarea { width:100%; }
.content .alert label { padding-left:20px; background:url(../img/layout/icon-alert.png) no-repeat 0 50%; font-weight:bold; color:#fff; text-transform:uppercase; }

#mailForm { padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  
background-image:url(../img/bg_black_50.png); 
background-position:center;
background-repeat:repeat;
width:300px;
padding-left:90px;
padding-top:20px;
padding-bottom:0px;
}
#mailForm  tr{ height:40px; vertical-align:top;}
#mailForm  td{ height:40px; vertical-align:top;}
#imgMail {	  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
    -moz-box-shadow: 1px 1px 1px #191919 inset, 0 0 1px #181818 inset;
    background-color: #262626;
    border: medium none;
    color: #CCCCCC;
    font: 14px/1.2 Calibri,Arial,sans-serif;
    outline: medium none;
    padding: 5px 8px;
    width: 200px; }
#sujet {      -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
    -moz-box-shadow: 1px 1px 1px #191919 inset, 0 0 1px #181818 inset;
    background-color: #262626;
    border: medium none;
    color: #CCCCCC;
    font: 14px/1.2 Calibri,Arial,sans-serif;
    outline: medium none;
    padding: 5px 8px;
    width: 200px; }
#message {  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
    -moz-box-shadow: 1px 1px 1px #191919 inset, 0 0 1px #181818 inset;
    background-color: #262626;
    border: medium none;
    color: #CCCCCC;
    font: 14px/1.2 Calibri,Arial,sans-serif;
    outline: medium none;
    padding: 5px 8px;
    width: 200px; }
#captcha {     -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
    -moz-box-shadow: 1px 1px 1px #191919 inset, 0 0 1px #181818 inset;
    background-color: #262626;
    border: medium none;
	margin-top:10px;
	margin-bottom:15px;
    color: #CCCCCC;
    font: 14px/1.2 Calibri,Arial,sans-serif;
    outline: medium none;
    padding: 5px 8px;
    width: 39px; }
#operation { 
    background-color: transparent;
    border: none;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:110px;
    color: black;
    font: 14px/1.2 Calibri,Arial,sans-serif;
    outline: medium none;
	font-weight:bold;
	cursor: default;
    width: 28px; 
	}
#alert{
	  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
	  background-color:#D2D2D2;
	  padding: 5px 8px;
	  width: 200px;
	  text-align:center;
	  margin-bottom:14px;
}
#message:focus { background-color: #3b3c3f; }
#captcha:focus { background-color: #3b3c3f; }
#sujet:focus { background-color: #3b3c3f; }
#imgMail:focus { background-color: #3b3c3f; }
#btnConnection {background-image:url(../img/boutonMail.png); background-color:transparent; background-position:top; width:105px; height:34px; border:none; cursor:pointer;margin-top:1px;margin-bottom:16px;}
#btnConnection:hover{background-position:bottom;}
#mailIcon { position:relative; top:15px; padding-right:10px;}
#download{ background:url(../img/download.png) no-repeat; width:118px; height:118px; cursor:pointer; background-position:top;  padding-left:231px;}
#download:hover{ background-position:bottom; }

#magendie{background-image: url(../img/logo_NCM-new.png); background-position:top; background-repeat:no-repeat; width:108px;height:58px; margin-left:30px;}
#thales{background-image: url(../img/logo-Thales.png); background-position:top; background-repeat:no-repeat;width:150px;height:44px;margin-left:10px;}
#airbus{background-image: url(../img/logo-Airbus.png); background-position:top; background-repeat:no-repeat;width:190px;height:55px;}
#lectra{background-image: url(../img/logo-Lectra.png); background-position:top; background-repeat:no-repeat;width:45px;height:57px;margin-left:15px;}

#magendie:hover{ background-position:bottom}
#thales:hover{ background-position:bottom}
#airbus:hover{ background-position:bottom}
#lectra:hover{ background-position:bottom}

#lcl{background-image: url(../img/logo-LCL-small.png); background-position:top; background-repeat:no-repeat; width:93px;height:70px; margin-left:10px;}
#ensc{background-image: url(../img/logo-ENSC.jpg); background-position:top; background-repeat:no-repeat;width:71px;height:82px;margin-left:20px;}
#aei{background-image: url(../img/logo-aei-small.png); background-position:top; background-repeat:no-repeat;width:107px;height:64px;margin-left:20px;}
#junior{background-image: url(../img/logo-Junior-Entreprises.png); background-position:top; background-repeat:no-repeat;width:265px;height:54px;margin-left:15px;}

#lcl:hover{ background-position:bottom}
#ensc:hover{ background-position:bottom}
#aei:hover{ background-position:bottom}
#junior:hover{ background-position:bottom}

#facebook{background-image: url(../img/facebook.png); background-position:top; background-repeat:no-repeat;width:16px;height:16px; display:block ; float:right; margin-left:20px; margin-top:4px; }
#twitter{background-image: url(../img/twitter.png); background-position:top; background-repeat:no-repeat;width:16px;height:16px; display: block; float:right; margin-left:10px;margin-top:4px;}
#facebook:hover{ background-position:bottom}
#twitter:hover{ background-position:bottom}

/* CONTENT COLOR SCHEMES */
.green  h2.active { background:#97c00e !important; }
.yellow h2.active { background:#f1b600 !important; }
.orange h2.active { background:#ec810d !important; }
.red    h2.active { background:#d03333 !important; }
.purple h2.active { background:#c32dac !important; }

.green  .content a { color:#97c00e; }
.yellow .content a { color:#f1b600; }
.orange .content a { color:#ec810d; }
.red    .content a { color:#d03333; }
.purple .content a { color:#c32dac; }
.green  .content a:visited { color:#627d12; }
.yellow .content a:visited { color:#987709; }
.orange .content a:visited { color:#955711; }
.red    .content a:visited { color:#842828; }
.purple .content a:visited { color:#7c2570; }

.bleu h2.active { background:#0095F1 !important;}
.bleu  .content a { color:#97c00e; }
.bleu .content a:visited { color:#7c2570; }

/* FOOTER */
#footer { clear:right; float:right; width:75%; padding:40px 0 10px; text-align:right; color:#414645; }
#footer p { margin:0 40px 0 0; }
#footer a { color:inherit; text-decoration:none; }
#footer a:hover { color:#a0a3a2; }

/* LIGHT/DARK SWITCHER */
#switch { display:none; position:absolute; top:0; right:40px; height:20px; padding:10px 20px; background:#1e2726; cursor:pointer; }
#switch:hover { background:#232d2c; color:#fff; }

/* LIGHT COLOR SCHEME */
body.light { background:#e7e7e7 url(../img/layout/light-burst.jpg) no-repeat 0 0; color:#717474; }
body.light #header h1 { background:url(../img/logo_site.png) no-repeat 0 0; color:red;}
body.light #header a:hover, body.light #footer a:hover { color:#414645; }
body.light #main h2 { background:#dadada; }
body.light #main h2:hover { background:#cccdcd; color:#414645; }
body.light #main h2.active { color:#fff; }
body.light #switch { background:#cccdcd; }
body.light #switch:hover { background:#c1c2c2; }
body.light .content h3, body.light .content strong { color:#414645; }
body.light .content p.intro { border-color:#b8baba; }
body.light .content .alert label { color:#000; }
body.light #footer { color:#a0a3a2; }

}

/* STYLES FOR PRINT */
@media print {

.skip, .print-hide, #header h1, #switch, #footer { display:none !important; } /* Stuff that does not need to be printed */
body { font:10pt calibri,sans-serif; }
#header p { float:left; width:25%; } /* Arrange the contact details horizontally to save paper */
#main { clear:both; padding:0; border-top:1px solid #ccc; }
#main li { border-bottom:1px solid #ccc; }
#main h2 + div { display:block !important; } /* Unfold all the content */
h1, h2, h3 { page-break-inside:avoid; page-break-after:avoid; }

}


